﻿<div id="main" role="main" ng-controller="HolidayCtrl" sizeelement>
    <div class="pre-loading" style="display: block;">
        <indicator-shown class="fa-2x" style="color: #2C3742"></indicator-shown>
        <span class="preloadertext">Loading...</span>
    </div>
    <div id="content" class="fadeWhenChange" style="display: none;">
        <div class="row">
            <div class="col-xs-12">
                <h1 class="page-title txt-color-blueDark"><i class="fa-fw fa fa-calendar"></i>Holiday</h1>
            </div>
        </div>
        
        <div class="row">
            <div class="col-xs-12">
                <ul class="nav nav-tabs tabs-pull-left">
                    <li ng-class="{'active':isTab('mine')}">
                        <a href="javascript:;" ng-click="changeTab('mine')">My holidays</a>
                    </li>
                    <li ng-class="{'active':isTab('other')}">
                        <a href="javascript:;" ng-click="changeTab('other')">View other users</a>
                    </li>
                </ul>
                <div class="col-xs-12" ng-show="isTab('mine')">
                    <form class="smart-form" name="holidayform" ng-submit="submitHoliday(holiday.submit)" novalidate>
                        <ng-include src="'scripts/app/views/holiday/index.mine.html'"></ng-include>
                    </form>
                </div>
                <div class="col-xs-12" ng-show="isTab('other')">
                    <ng-include src="'scripts/app/views/holiday/index.other.html'"></ng-include>
                </div>
            </div>
        </div>
    </div>
</div>
